<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/sys/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%@ include file="/WEB-INF/adminui/include/css.jsp" %>
<style type="text/css">
.bottomBox{height:100%; margin:50px auto;}
.qxBox{height:500px;border:1px solid #666;}
</style>
<title>库存统计</title>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
	<div class="row">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
					<div class="fixed-table-toolbar">
						<div id="toolbar" class="columns pull-left">
							
						</div>
						
					<%-- 	<div class="columns pull-left nopadding" style="width:140px;">
							<input id="begin" type="text" class="laydate-icon laydate-icon2 form-control" placeholder="开始年月" value="${begin }" />
						</div>
						<div class="columns pull-left nopadding" style="vertical-align:middle;height:34px;line-height:34px;padding:0 5px;">至</div>
						<div class="columns pull-left nopadding" style="width:140px;margin-right:5px;">
							<input id="end" type="text" class="laydate-icon laydate-icon2 form-control" placeholder="结束年月" value="${end }" />
						</div>
						<div class="columns pull-left">
							<button class="btn btn-success" onclick="doStatistics()">统计</button>
						</div> --%>
						
					</div>
					<table id="dataTable" data-mobile-responsive="true">
					</table>
				</div>
			</div>
			<div class="bottomBox">
				<div id="container" style="min-width:400px;height:400px"></div>
			</div>
		</div>
	</div>
</div>
<%@ include file="/WEB-INF/adminui/include/script.jsp" %>
<script src="${path}/res/adminlist/js/plugins/highcharts/highstock.js" type="text/javascript"></script>
<script src="${path}/res/adminlist/js/plugins/highcharts/highcharts-zh_CN.js" type="text/javascript"></script>
<script type="text/javascript">

var chart = Highcharts.chart('container',{
	chart: {
		type: 'column'
	},
	title: {
		text: '月平均降雨量'
	},
	subtitle: {
		text: '数据来源: WorldClimate.com'
	},
	xAxis: {
		categories: [
			'一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'
		],
		crosshair: true
	},
	yAxis: {
		min: 0,
		title: {
			text: '降雨量 (mm)'
		}
	},
	tooltip: {
		// head + 每个 point + footer 拼接成完整的 table
		headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
		pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
		'<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
		footerFormat: '</table>',
		shared: true,
		useHTML: true
	},
	plotOptions: {
		column: {
			borderWidth: 0
		}
	},
	series: [{
		name: '东京',
		data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
	}, {
		name: '纽约',
		data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
	}, {
		name: '伦敦',
		data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]
	}, {
		name: '柏林',
		data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
	}]
});
</script>
</body>
</html>